<div class="container">
  <h2 mat-dialog-title>添加实例</h2>
  <mat-dialog-content>
    <form [formGroup]="instanceFB">
      <mat-form-field appearance="outline">
        <mat-label>实例名</mat-label>
        <input matInput required formControlName="instance_name">
      </mat-form-field>
      <mat-form-field appearance="outline">
        <mat-label>描述</mat-label>
        <input matInput required formControlName="instance_describe">
      </mat-form-field>
      <mat-form-field appearance="outline">
        <mat-label>地址</mat-label>
        <input matInput required formControlName="address">
      </mat-form-field>
      <mat-form-field appearance="outline">
        <mat-label>端口</mat-label>
        <input matInput type="number" required formControlName="port">
      </mat-form-field>
      <mat-form-field appearance="outline">
        <mat-label>用户名</mat-label>
        <input matInput required formControlName="username">
      </mat-form-field>
      <mat-form-field appearance="outline">
        <mat-label>密码</mat-label>
        <input matInput type="password" required formControlName="password">
      </mat-form-field>
      <mat-form-field appearance="outline">
        <mat-label>配置文件</mat-label>
        <input matInput type="text" required formControlName="cnf_file">
      </mat-form-field>
      <mat-form-field appearance="outline">
        <mat-label>数据目录</mat-label>
        <input matInput type="text" required formControlName="data_dir">
      </mat-form-field>

    </form>
  </mat-dialog-content>
  <mat-dialog-actions align="end">
    <button mat-stroked-button mat-dialog-close>取消</button>
    <button mat-stroked-button [disabled]="!this.instanceFB.valid" [mat-dialog-close]="this.instanceFB.value">确定</button>
  </mat-dialog-actions>
</div>
